//out: ../css/homepage.css

@import url(./common.less);


body{
  background-color: @bg_color;
}
// 头部
.top{
  background-image: url(../images/img-bg.png);
  width: 100%;
  height: 292./@rem;
  text-align: center;
  img{
    margin-top: 58./@rem;
    width: 67.26./@rem;
    height: 66.08@rem;
  }
  .name{
    font-size: 18./@rem;
    color: @white;
    margin-top: 8./@rem;
  }
  .id{
    font-size: 14./@rem;
    color: rgba(255,255,255,0.5);
    margin-top: 8./@rem;
    font-weight: 400;
  }
  .phone{
    font-size: 14./@rem;
    color: rgba(255,255,255,0.5);
    margin-top: 4./@rem;
  }
}


// 本月任务
.tasks{
  width: 345./@rem;
  // height: 134./@rem;
  background-color: @white;
  border-radius: 8./@rem;
  position: absolute;
  top: 35%;
  left: 4%;
  
  .this_month{
    font-size: 14./@rem;
    color: #818181;
    text-align: center;
    margin-top: 13.5./@rem;
  }
  .assignments{
    display: flex;
    justify-content: space-around;
    margin-bottom: 24./@rem;
    p{
      font-size: 18./@rem;
      color:@text_main;
      text-align: center;
      font-weight: 600;
      margin-top: 20./@rem;
      }
      .a{
        margin-top: 14./@rem;
        font-size: 12./@rem;
        text-align: center;
        color:@text_main;
    }
  }
}

// 信息与设置
.information_set{
  width: 335./@rem;
  height: 180./@rem;
  background-color: @white;
  margin:50./@rem auto;
  border-radius: 8./@rem;
  margin-bottom: 200./@rem;
  #information,#task_data,#system_settings{
    width: 290./@rem;
    height: 60./@rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    border-bottom:1./@rem solid @bg_color;
    div{
      font-size: 16./@rem;
      color: #2A2929;
    }
    img{
      width: 24./@rem;
      height: 24./@rem;
    }
  }
  }




